@import "./animation.less";


@brand: #FF7747 ;
@brand-second: #C8551D;
@brand-light: #FFF4EE;
@brand-none: transparent;
@brand-gradient: linear-gradient(234deg, #FFF4EE 0%, #FF7747  100%);
@brand-pay-gradient: linear-gradient(270deg, #FFF4EE 0%, #FF7747  100%);
@activied-brand-pay-gradient: linear-gradient(234deg, #FFF4EE 0%, #FF7747 100%);//支付选中渐变
@error: #ff4141;
@error-light: #ffe3e3;

@gap-1: 10rpx;
@gap-2: 20rpx;
@gap-3: 30rpx;
@gap-4: 40rpx;

@radius: 8rpx;

// 外边距
.mar-b(@size:20rpx){
	margin-bottom: @size;
}
.mar-t(@size:20rpx){
	margin-top: @size;
}
.mar-l(@size:20rpx){
	margin-left: @size;
}
.mar-r(@size:20rpx){
	margin-right: @size;
}
// 内边距
.pad-t(@size:20rpx){
	padding-top: @size;
}
.pad-r(@size:20rpx){
	padding-right: @size;
}
.pad-b(@size:20rpx){
	padding-bottom: @size;
}
.pad-l(@size:20rpx){
	padding-left: @size;
}

// 弹性盒布局
.disflex(@jusitify:flex-start;@align:flex-start;@deration:row){
	display:flex;
	justify-content:@jusitify;
	align-items:@align;
	flex-direction:@deration;
}

// 单行、多行文本溢出
.line(@line: 2) {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: @line;
	overflow: hidden;
}

// 清除浮动
.clearfix::after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden;
}